<template>
  <div class="section">
    <div class="main_con">
      <!-- 测评结果 E -->
      <EvaluationResData v-if="tabsActiveName === '1'" pageType="sum" :searchParams="searchParams"></EvaluationResData>
      <!-- 测评结果 S -->
    </div>
  </div>
</template>

<script>
import EvaluationResData from './EvaluationResData.vue'
export default {
  name: 'EvaluationData',
  components: { EvaluationResData },
  data() {
    return {
      tabsActiveName: '1',
      searchParams: {},
    }
  },
  methods: {
    tranformData(data) {
      this.searchParams = data
    },
    handleClick(e) {
      this.tabsActiveName = e.name
    },
  },
}
</script>

<style lang="scss" scoped>
.section {
  height: 100%;
  font-size: 14px;
  margin-top: 20px;
  .main_con {
    height: calc(100% - 120px);
  }
  /deep/.el-tabs__header {
    border: none;
    background: #f2f2f2;
    .el-tabs__nav {
      border: none;
      z-index: 0;
    }
  }
  /deep/.el-tabs__item {
    background: #f2f2f2;
    border: none;
  }
  /deep/.el-tabs__item.is-active {
    background: #fff;
    color: #1559b8;
  }
  /deep/.el-tabs__active-bar {
    background-color: #fff;
  }
}
</style>
